html{
    font-size: 62.5% !important;
    max-width: 72rem;
}
.banner,
.content,
.wrap{
    width: 100%;
    height:auto;
}
.banner>img,
.content>img,
.wrap>img{
    width: 100%;
    height: auto;
}
.content,
.wrap{
    margin-top: -5px;
    position: relative;
}
.wrap>ul{
    width: 90%;
    position: absolute;
    left:6%;
    top: 20%;
}
.wrap>ul li{
    color: #fff;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-top: .4em;
    background: url(../../static/images/three_one.png) no-repeat left top;
    background-size: 1.2em 1.2em;
    padding-left:1.8em;
}
.wrap>ul li span{
    color: #feb41d;
}
.wrap>ul li.cur{
   background: url(../../static/images/three_two.png) no-repeat left top;
   background-size: 1.5em 1.5em;
}
.wrap>ul li.active{
   background: url(../../static/images/three_three.png) no-repeat left top;
   background-size: 1.5em 1.5em;
}
.wrap>ul li:last-child{
   background: url(../../static/images/three_four.png) no-repeat left top;
   background-size: 1.5em 1.5em;
}

.wrap> p{
    position: absolute;
    top:65%;
    left: 3%;
    width:94%;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.5em;
    text-indent: 2em;
}
.wrap> p span{
    color: #feb41d;
    font-size: 1.8em;
}
.wrap>h5{
    position: absolute;
    bottom:15%;
    left: 3%;
    width:94%;
    color: #f00;
    font-size: 1.3em;
    line-height: 1.5em;
    text-align: center;
    display: none;
}
.wrap>div{
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 5%;
}
.wrap>div>img{
    width: 100%;
    height: auto;
}
.wrap>div.iphone{
    width: 80%;
    position: absolute;
    left: 7%;
    bottom: 7%;
}
.wrap>div.iphone>input{
  position: absolute;
  left: 20%;
  bottom: 90%;
  width: 38%;
  height:2.2em;
  outline: none;
  border: none;
}
.wrap>div.iphone>button{
    width: 40%;
    height:3.2em;
    position: absolute;
    left:60%;
    bottom: 90%;
    z-index: 99;
    opacity:0;
}

/*苹果6s plus  横屏736*/
@media screen and (min-width:720px){
    body{font-size:20px;-webkit-text-size-adjust: none;}
    input{font-size:20px;}
}

/*vivo x6 plus 横屏640*/
@media screen and (min-width:640px) and (max-width:719px){
    body{font-size:17px;-webkit-text-size-adjust: none;}
    input{font-size:17px;}
}

/*苹果5  横屏568*/
@media screen and (min-width:568px) and (max-width:639px){
    body{font-size:15px;-webkit-text-size-adjust: none;}
    input{font-size:15px;}
}


@media screen and (min-width:480px) and (max-width:567px){
    body{font-size:14px;-webkit-text-size-adjust: none;}
    input{font-size:14px;}
}

/*vivo x6 plus 竖屏320*/
@media screen and (min-width:321px) and (max-width:360px){
    body{font-size:10px;-webkit-text-size-adjust: none;}
    input{font-size:10px;}
}
/*苹果5 竖屏320*/
@media screen and (max-width: 320px){
    body{font-size:8.5px;-webkit-text-size-adjust: none;}
    input{font-size: 8.5px;}
}